<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>MFSC_C1</title>
<link rel="stylesheet" type="text/css"  href="css/main.css">
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8" src="js/main.js"></script>
<script type="text/javascript" charset="utf-8" src="js/jquery-1.11.1.min.js"></script>
</head>
<body >
	<h1> Main </h1>
	<table class="tbMenu">
		<tr>
			<td class="tdLeft">
				<button id="btnInfo" class="btn" onclick="btnInfo_Click()">1.Local Info</button>
			</td>
			<td class="tdRight">
				<button id="btnInsert"  class="btn" onclick="btnInsert_Click()">4.Insert Data</button>
			</td>
		</tr>
		<tr>
			<td class="tdLeft">
				<button id="btnCreateDB"  class="btn" onclick="btnCreateDB_Click()">2.Create DB</button>
			</td>
			<td class="tdRight">
				<button id="btnReSync"  class="btn" onclick="btnReSync_Click()">5.Re-Sync Data</button>
			</td>
		</tr>
		<tr>
			<td class="tdLeft">
				<button id="btnSync"  class="btn" onclick="btnSync_Click()">3.Sync Data</button>
			</td>
			<td class="tdRight">
				<button id="btnDelete"  class="btn" onclick="btnDelete_Click()">6.Delete DB</button>
			</td>
		</tr>
	</table>
	
	<div id="divLocalInput" class="divLocalInput" style="display: none">
		<h3>Input Local Data</h3>
		<table style="background-color: #F0F8FF">
			<tr>
				<td class="left">
					<div class="title">Id :</div>
				</td>
				<td class="right">
					<div class="value">
						<input type="text" placeholder="Input Id" id="txtId" />
					</div>
				</td>
			</tr>
			<tr>
				<td class="left">
					<div class="title">Data :</div>
				</td>
				<td class="right">
					<div class="value">
						<input type="text" placeholder="Input Data" id="txtData" />
					</div>
				</td>
			</tr>
			<tr>
				<td class="left">
					<div class="title">
						<input type="button" value="Reset" id="btnReset" class="btn btnR"
							onclick="reset_Click()" />
					</div>
				</td>
				<td class="right">
					<div class="value">
						<input type="button" value="Insert" id="btnInsert" class="btn btnL"
							onclick="insert_Click()" />
					</div>
				</td>
			</tr>
		</table>
	</div>
	
	<div id="divContent" class="divContent"></div>
</body>
</html>